<style>
    /* 设置页面居中 */
    main {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
  
    /* 设置欢迎文本样式 */
    .welcome-text {
      font-family: 'Comic Sans MS', cursive;
      font-size: 32px;
      color: red;
    }

    .弹窗{
    display:flex;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    width:50%;
    height: 300px;
    background: lightblue;
    position: absolute;
    padding: 40px 40px;
    left:30%;
    top:35%;
    border-radius: 10px;
    overflow: scroll;
  }
  .弹窗 button{
    margin: -15px -10px 0 auto;
    width: 20px;
    height: 40px;
    font-size: 30px;
    background: none;
    border: none;
    cursor: pointer;
  }
  .弹窗 p {
    margin: 5px 20px;
    font-size: 12px;
    color: rgb(99, 98, 98);
  }
  </style>
  
  <main>
    <h1 class="welcome-text">欢迎来到用户管理系统</h1>
  </main>


  <!-- <div class="弹窗">
    <button id="关闭">X</button>
    <h1>修改学生信息</h1>
    <p>学生用户名</p>
    <input type="text" >
    <p>密码</p>
    <input type="text">



</div> -->

<script>

  

</script>